<template>
  <div class="bottom">
    <div class="d-flex d-flex-between d-flex-items-center b-b h-60p b-b">
      <img :src=info.logo class="w-15p">
      <div>咨询电话: {{ info.contact_tel }}</div>
    </div>
    <div class="f-16 bottom-desc d-flex-items-center">{{ info.ba_no }}&nbsp;&nbsp;{{ info.address }}&nbsp;&nbsp;{{
        info.banquan }}</div>
    <!-- <div class="f-16 bottom-desc d-flex-items-center">人力资源服务许可证 ©1998-2020 长春市雨花区湘府中路168号 长春人才集团版权所有</div> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      info: []
    };
  },
  created() {
    this.rcjjBaseData()
  },
  methods: {
    // 获取基本配置
    async rcjjBaseData() {
      let res = await this.$service.get({
        url: "/api/rcjj/v1/rcjj_base_data",
      });
      if (res.code == 1) {
        this.info = res.info
        localStorage.setItem('rcjj_base_data', JSON.stringify(this.info))
      } else {
        this.$message.error(res.msg);
      }
    },
  },
};
</script>

<style scoped>
.bottom {
  width: 76%;
  height: 20%;
  background: #1F252D;
  color: #fff;
  padding: 0 12%;
}

.bottom-desc {
  height: 40%;
  width: 100%;

}

.b-b {
  border-bottom: 1px solid #636262;
}

@media (max-width: 768px) {
  * {
    font-size: 12px;
  }

  .f-16 {
    font-size: 12px;
  }

  .h-60p {
    height: 50%;
  }

  .bottom {
    width: auto !important;
    padding: 0 6% !important;
  }
}
</style>